body{
	background: #34495e;
	display: flex;
	background-image: url(../image/1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	}
.login{
	margin: 0 auto;
	margin-top:200px ;
	padding: 20px 50px;
	background-color: #00000090;
	width: 400px;
	height: 300px;
	border-radius: 10px;
	text-align: center;
}

.login h1{
	color: white;
    animation: anim 0.5s infinite linear;
}

@keyframes anim{
	0%{
        transform:  rotateX(0);
    }
    100%{
        transform:  rotateX(360deg);
    }
}

.login .inputBox{
	margin-top: 30px;
}

.login .inputBox .inputText{
	margin-top: 20px;
}

.login .inputBox .inputText span{
	color: white;
}

.login .inputBox .inputText input{
	border: 0;
	padding: 10px 10px;
	border-bottom:1px solid white ;
	background-color: #00000000;
	color: white;
}
.login .inputBox .require{
	width: 100px;
	height: 50px;
	border-radius: 8px;
	background-color: blueviolet;
	border: 0;
	cursor: pointer;
	background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}
.login .inputBox .log{
	width: 100px;
	height: 50px;
	border-radius: 8px;
	background-color: yellow;
	border: 0;
	margin-top: 50px;
	background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);
	cursor: pointer;
}